<template>
	<view>
		<image :src="recommondInfo.recommendedImage" mode="aspectFill" class="recommond_image" lazy-load></image>
		<view class="recommond_ariticle">
			<view>{{recommondInfo.recommendedTitle}}</view>
			<view class="recommond_ariticle_desc">{{recommondInfo.recommendedImageType}}</view>
		</view>
		<view class="recommond_more">
			<view class="recommond_more_title">更多介绍</view>
			<jyfParser :html="recommondInfo.recommendedDetail" :isAll="true"></jyfParser>
		</view>
	</view>
</template>

<script>
	import jyfParser from '@/components/jyf-parser/jyf-parser'
	export default{
		components:{jyfParser},
		data(){
			return{
				url:'https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/b2b2cdevimages/member/evaluate/TST54ZC9ngPpuBXsJJk.png',
				recommondInfo:{}
			} 
		},
		onLoad(options){
			if ('params' in options) {
			      let obj = JSON.parse(decodeURIComponent(options.params));
				  console.log(obj);
				  this.getRecommend(obj.recommendedId)
			 }
		},
		methods:{
			getRecommend(recommendedId){
				let param={}
				param.url='v3/consult/front/recommended/detail'
				param.data={
					recommendedId:  recommendedId
				}
				this.$request(param).then(res=>{
					console.log(res);
					this.recommondInfo=res.data
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.recommond_image{
		width: 750rpx;
		height: 336rpx;
	}
	.recommond_ariticle{
		background-color: #fff;
		padding: 32rpx 34rpx;
		font-size: 28rpx;
		
		.recommond_ariticle_desc{
			margin-top: 8rpx;
			font-size: 28rpx;
			color: rgb(51, 51, 51);
			// text-indent: 2em;
		}
	}
	.recommond_more{
		padding: 18rpx 30rpx;
		margin-top: 10rpx;
		background-color: #fff;
		
		
		.recommond_more_title{
			padding-left: 20rpx;
			margin-bottom: 20rpx;
			font-size: 28rpx;
			position: relative;
			&::after{
				content: '';
				position: absolute;
				left: 0;
				top: 5rpx;
				width: 8rpx;
				height: 32rpx;
				background-color: rgb(155, 76, 58);
			}
		}
	}
</style>